 
<!DOCTYPE html>
<html lang="en">
<head>
<title>江门优辅人力</title>
<!-- custom-theme -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Metier Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>


<link href="css/nav.css" rel="stylesheet" type="text/css" media="all" /> <!-- For-Navigation-CSS -->

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
		<!-- For-gallery-CSS -->

<!-- //custom-theme -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />


<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome-icons -->

<!-- googlefonts -->
<!-- <link href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext" rel="stylesheet">
 --><!-- //googlefonts -->

</head>
<body>
<div class="top">
					<div class="container">
						
							<div class="col-md-9 top-left">
								<ul>
									<li><i class="fa fa-map-marker" aria-hidden="true"></i> 广东江门</li>
									<li><i class="fa fa-phone" aria-hidden="true"></i> +(020) 221 918 811</li>
									<li><i class="fa fa-envelope-o" aria-hidden="true"></i> <a href="mailto:info@example.com">admin@jmyoufuhr.com</a></li>
								</ul>
							</div>
							<div class="col-md-3 top-middle" style="display:none">
								<ul>
									<li><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li><a href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
								</ul>
							</div>
							
							<div class="clearfix"></div>
						
					</div>
				</div>
	
<div class="sub-agile">
	<div class="container">
		<div class="agile1">
		    
			<!-- navigation section -->
				<div>
					<p>
						<button id="trigger-overlay1" type="button">
							优辅人力资源
						</button>
					</p>
				</div>
				<!-- open/close -->
				<div class="overlay overlay-boxes">
					
					<button type="button" class="overlay-close">Close</button>
					<nav>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="about.html">About</a></li>
							<li><a href="portfolio.html">Portfolio</a></li>
							<li><a href="icons.html">Icons</a></li>
							<li><a href="codes.html">Codes</a></li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</nav>
				</div>
				<!-- /open/close -->
			<!-- /navigation section -->
		</div>
		<div class="log-lt">
		<a href="index.html">
			<ul class="logo">
				<li><h1></h1></li>
			</ul>
			</a>
		</div>
		<div class="se-rht">
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form>
						<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
		</div>
			<div class="clearfix"> </div>
	</div>
</div>	
<!-- banner -->
<div class="w3l-banner">
 <div class="banner-dott">
	<div class="header">
		<!-- //Header -->
		<div class="container">
			<div class="flexslider-info">
				<section class="slider">
					<div class="flexslider">
						<ul class="slides">
							<li>
							<div class="w3l-info">
								<h2>业务外包</h2>
								<h6>企业整合用其外部最优秀的专业化资源，从而达到降低成本、提高效率、充分发挥自身核心竞争力和增强企业对环境的迅速应变能力的一种管理模</h6>
								<div class="gd_tp">
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-globe" aria-hidden="true"></i>
											<p>制造业外包</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-folder-open" aria-hidden="true"></i>
											<p>物流外包</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-cogs" aria-hidden="true"></i>
											<p>销售及营销外包</p>
											</div>
										</div>
										<div class="clearfix"></div>
									</div>
							</div>
							</li>
							<li>
								<div class="w3l-info">
								<h3>人力资源外包</h3>
								<h6>企业根据需要将某一项或几项人力资源管理工作或职能，交由其他机构进行管理或服务，以获得专业服务、降低人力成本、实现效率最大化</h6>
								<div class="gd_tp">
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-folder-open" aria-hidden="true"></i>
											<p>薪酬管理</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-globe" aria-hidden="true"></i>
											<p>福利管理</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-cogs" aria-hidden="true"></i>
											<p>人才招聘与甄选</p>
											</div>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
							</li>
							<li>
								<div class="w3l-info">
								<h3>人力资源管理咨询.</h3>
								<h6>人力资源管理咨询服务，帮助企业建立人力资源战略或人力资源管理体系</h6>
								<div class="gd_tp">
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-cogs" aria-hidden="true"></i>
											<p>人力资源治理模式</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-folder-open" aria-hidden="true"></i>
											<p>人力资源规划</p>
											</div>
										</div>
										<div class="col-md-4 grid2-1">
											<div class="grid1">
											<i class="fa fa-globe" aria-hidden="true"></i>
											<p>人力资源业务流程设计</p>
											</div>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</section>
			</div>
		</div>
	</div>
</div>
</div>
<!-- //banner -->
<!-- About us -->
	<div class="about-3">
		<h3 class="heading-agileinfo">优辅人力<span>精准匹配你的企业诉求</span></h3>
		<div class="container">
			<div class="d-flex">
				
				<div class="about1"> 
					<h4>战略伙伴</h4>
					<p class="details">整合过去10多年为不同行业提供人力资源外包的专业服务经验，将中西方管理精髓与企业本身特质融合，为企业提供价值与结果导向之服务，以珠三角为依托，并成为广大客户在大中华区首选的人力资源战略合作伙伴.</p>
					<ul class="about-list">
						<li>
							
							<div class="in-block">
								<h5>服务团队</h5>
								<p>保姆型团队-为企业提供周到细心的日常服务.管家型团队 - 急企业之所急，全面系统地为企业服务。专家型团队 - 想企业之所想，预测可能存在的问题，提出有效解决方案</p>
							</div>
						</li>
						<li>
						
							<div class="in-block">
								<h5>服务模式</h5>
								<p>不仅拥有对不同行业的制造企业劳务人员管理的丰富经验，而且拥有管理分布在全国几百个城市的销售人员外包业务的丰富经验.</p>
							</div>
						</li>
						<li>
						
							<div class="in-block">
								<h5>服务优势</h5>
								<p>一贯坚持客户至上，服务质量一流的理念，并对每个客户自始至终都能投入其不懈的努力和新颖的创意.完善的客户跟踪服务体系（管理巡查制度、例会制度、客户意见调查与反馈制度）</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="about2">
					
				</div>
			</div>
			
		</div>
	</div>
	<!-- //About us -->
	<!-- Stats -->
<div class="stats-agileits">
	<div class="container">
	<h3 class="heading-agileinfo innn">数据说话<span class="nnn">精准大数据</span></h3>
		<div class="stats-info agileits w3layouts">
			<div class="col-md-3 agileits w3layouts col-sm-6 stats-grid stats-grid-1">
				<div class="stat-info-w3ls">
					<i class="fa fa-globe" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='520' data-delay='3' data-increment="2">520</div>
					<h4 class="agileits w3layouts">服务区域</h4>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 agileits w3layouts stats-grid stats-grid-2">
				<div class="stat-info-w3ls">
					<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='980' data-delay='3' data-increment="2">980</div>
					<h4 class="agileits w3layouts">服务单位</h4>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 stats-grid agileits w3layouts stats-grid-3">
				<div class="stat-info-w3ls">
					<i class="fa fa-trophy" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='425' data-delay='3' data-increment="2">425</div>
					<h4 class="agileits w3layouts">荣誉</h4>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 stats-grid stats-grid-4 agileits w3layouts">
				<div class="stat-info-w3ls">
					<i class="fa fa-users" aria-hidden="true"></i>
					<div class="numscroller agileits-w3layouts" data-slno='1' data-min='0' data-max='180' data-delay='3' data-increment="2">1800</div>
					<h4 class="agileits w3layouts">服务人员</h4>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
	<!-- //Stats -->
<!-- testimonials -->
<div class="testimonials">
	<div class="container"> 
	   <h3 class="heading-agileinfo">他们眼中的优辅<span>连接人与人 连接人与商业</span></h3>
		<span class="w3-line black"></span>
		<div class="agile_testimonials_grids">
			<ul id="flexiselDemo1">	
				<li>
					<div class="agile_testimonials_grid">
						<div class="agile_testimonials_grid1">
							<div class="w3_agile_testimonials_grid_right test-tooltip1">
								 <p>适用多业务场景，一站式后台提高客服效率的同时，也给客户带来更好的咨询体验 .</p>
							</div>
							<div class="w3_agile_testimonials_grid">
								<div class="w3_agile_testimonials_grid_left">
									<img src="images/t2.jpg" alt=" " class="img-responsive" />
								</div>
								<div class="tex-t">
									<h4>王 杜 丽</h4>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="agile_testimonials_grid">
						<div class="agile_testimonials_grid1">
							<div class="w3_agile_testimonials_grid_right test-tooltip1">
								 <p>适用多业务场景，一站式后台提高客服效率的同时，也给客户带来更好的咨询体验 .</p>
							</div>
							<div class="w3_agile_testimonials_grid">
								<div class="w3_agile_testimonials_grid_left">
									<img src="images/t4.jpg" alt=" " class="img-responsive" />
								</div>
								<div class="tex-t">
									<h4>李 伟</h4>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="agile_testimonials_grid">
						<div class="agile_testimonials_grid1">
							<div class="w3_agile_testimonials_grid_right test-tooltip1">
								 <p>适用多业务场景，一站式后台提高客服效率的同时，也给客户带来更好的咨询体验 .</p>
							</div>
							<div class="w3_agile_testimonials_grid">
								<div class="w3_agile_testimonials_grid_left">
									<img src="images/t1.jpg" alt=" " class="img-responsive" />
								</div>
								<div class="tex-t">
									<h4>马婷婷</h4>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</li>	
			</ul>
		</div>
	</div>
</div>
<!-- //testimonials -->
<!-- wthree-mid -->
	<div class="wthree-mid">
		<div class="container">
			<h3>连接人与人 连接人与企业</h3>
			<p>专注所以专业，160家战略合作企业</p>
			<div class="botton">
				<a href="about.html">查看</a>
			</div>
		</div>
	</div>
<!-- //wthree-mid -->
<!-- news -->
	<div class="news">
		<div class="container">  
				<h3 class="heading-agileinfo">新闻公告<span>不止于人力资源，追求极致用户体验和商业价值</span></h3>
			<div class="news-agileinfo"> 
				<div class="news-w3row"> 
					<div class="wthree-news-grids">
						<div class="col-md-5 col-xs-5 datew3-agileits">
							<img src="images/g2.jpg" class="img-responsive" alt=""/>
						</div>
						<div class="col-md-7 col-xs-7 datew3-agileits-info ">
							<h5><a href="#" data-toggle="modal" data-target="#myModal">社会保险</a></h5>
							<h6>30/01/2018</h6>
							<p>代理广东最低社会保险！三险公司缴费最低至50元，五险公司缴费最低至245元</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					
					
					<div class="wthree-news-grids news-grids-mdl">
						<div class="col-md-5 col-xs-5 datew3-agileits datew3-agileits-fltrt">
							<img src="images/g3.jpg" class="img-responsive" alt=""/>
						</div>
						<div class="col-md-7 col-xs-7 datew3-agileits-info datew3-agileits-info-fltlft">
							<h5><a href="#" data-toggle="modal" data-target="#myModal">制造型企业</a></h5>
							<h6>25/01/2018</h6>
							<p>为制造型企业量身订做，提供人工装卸、搬运、手工包装等辅助性生产外包服务</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				
			</div>
		</div>
	</div>
	<!-- //news -->
	<!-- footer -->
	<div class="footer_top_agileits" style="display:none">
		<div class="container">
			<div class="col-md-4 footer_grid">
				<h3>About Us</h3>
				<p>Nam libero tempore cum vulputate id est id, pretium semper enim. Morbi viverra congue nisi vel pulvinar posuere sapien
					eros.
				</p>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>Latest News</h3>
				<ul class="footer_grid_list">
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Lorem ipsum neque vulputate </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Dolor amet sed quam vitae</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Lorem ipsum neque, vulputate </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Dolor amet sed quam vitae</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="#" data-toggle="modal" data-target="#myModal">Lorem ipsum neque, vulputate </a>
					</li>
				</ul>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>Contact Info</h3>
				<ul class="address">
					<li><i class="fa fa-map-marker" aria-hidden="true"></i>8088 USA, Honey block, <span>New York City.</span></li>
					<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
					<li><i class="fa fa-phone" aria-hidden="true"></i>+09187 8088 9436</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<div class="footer_grids" style="display:none">
				<div class="col-md-4 footer_grid_left">
					<h3>Sign up for our Newsletter</h3>
				</div>
				<div class="col-md-8 footer_grid_right">

					<form action="#" method="post">
						<input type="email" name="Email" placeholder="Enter Email Address..." required="">
						<input type="submit" value="Submit">
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="footer_w3ls">
		<div class="container">
					<div class="footer_bottom1">
						<p>© 江门优辅人力资源. All rights reserved | 粤ICP <a href="http://w3layouts.com">粤2018041315w</a></p>
					</div>
		</div>
	</div>
	<!-- //footer -->
<!-- modal -->
	<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header"> 
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
					<h4 class="modal-title">Metier</h4>
				</div> 
				<div class="modal-body">
					<div class="agileits-w3layouts-info">
						<img src="images/g1.jpg" class="img-responsive" alt="" />
						<p>Duis venenatis, turpis eu bibendum porttitor, sapien quam ultricies tellus, ac rhoncus risus odio eget nunc. Pellentesque ac fermentum diam. Integer eu facilisis nunc, a iaculis felis. Pellentesque pellentesque tempor enim, in dapibus turpis porttitor quis. Suspendisse ultrices hendrerit massa. Nam id metus id tellus ultrices ullamcorper.  Cras tempor massa luctus, varius lacus sit amet, blandit lorem. Duis auctor in tortor sed tristique. Proin sed finibus sem</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- //modal -->
<!-- main -->
<!-- search-scripts -->
	<script src="js/classie.js"></script>
	<script src="js/uisearch.js"></script>
	<script>
	new UISearch( document.getElementById( 'sb-search' ) );
	</script>
<!-- //search-scripts -->
<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	<!-- //for bootstrap working -->
<!-- //js -->
<!-- Baneer-js -->
<!--FlexSlider-->
	<script defer src="js/jquery.flexslider.js"></script>
<!--Start-slider-script-->
		<script type="text/javascript">
		
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	  </script>
<!--End-slider-script-->
<!-- //Baneer-js -->
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<!-- numscroller js file -->
<!-- js for navigation -->
	<script src="js/nav.js"></script>
<!-- //js for navigation -->
	<!-- clients -->
			<script type="text/javascript">
					$(window).load(function() {
						$("#flexiselDemo1").flexisel({
							visibleItems: 2,
							animationSpeed: 1000,
							autoPlay:false,
							autoPlaySpeed: 2500,    		
							pauseOnHover: true,
							enableResponsiveBreakpoints: true,
							responsiveBreakpoints: { 
								portrait: { 
									changePoint:480,
									visibleItems: 1
								}, 
								landscape: { 
									changePoint:640,
									visibleItems:1
								},
								tablet: { 
									changePoint:768,
									visibleItems: 1
								}
							}
						});
						
					});
			</script>
			<script type="text/javascript" src="js/jquery.flexisel.js"></script>
	<!-- //clients -->
<!-- //here starts scrolling icon -->
<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<!-- here stars scrolling script -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling script -->
<!-- //here ends scrolling icon -->
<!-- scrolling script -->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script> 
<!-- //scrolling script -->
</body>
</html>